<template>
	<huihe-skeleton v-if="loading" />
	<view class="box skeleton">
		<view class="skeleton-rect m-t10">
			<u-tabs :list="data.tabList" :activeStyle="{ color: '#e4393c' }" lineColor="#e4393c" :is-scroll="true" :current="current" @change="change"></u-tabs>
		</view>
	</view>
</template>

<script setup lang="ts">
const loading = ref(false);
loading.value = true;
setTimeout(() => {
	loading.value = false;
}, 1200);

interface MyListType {
	tabList: any[];
}
const data: MyListType = reactive({
	tabList: [
		{
			name: '全部',
		},
		{
			name: '待付款',
		},
		{
			name: '待使用',
		},
		{
			name: '退款/售后',
		},
	],
}) as MyListType;

const current = ref<number>(0);
const change = (item: { index: number; name: string }) => {
	current.value = item.index;
};
</script>

<style lang="scss"></style>
